﻿/* Orion Project CSS document */

/* Body Styles */
body 
{
    font-family: arial;
    background: url('images/banner_bg.png') repeat-x;
    padding: 0;
    font-size: 12px;
    margin: 0;
}
a:link, a:visited, a:active
{
    text-decoration: none;
    color: #6a6a6a;
}
a:hover 
{
    text-decoration: underline;
    color: #000;
}

/* Header styles */
header 
{
    width: 935px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 154px;
    line-height: 154px;
}
header div#top_menu 
{
    float: right;
    line-height: 1em;
}
header div#top_menu a
{
    color: #ccc;
}
header div#top_menu ul 
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
header div#top_menu ul li 
{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: #ccc;
    border-left: 1px solid #ccc;
}

/* Navigation styles */
nav 
{
    height: 35px;
    width:  940px;
    margin: auto;
    clear: both;
}
nav div#navText 
{
    float: right;
    max-width: 386px;
    text-align: left;
    height: 25px;
    color: #5b5b67;
    padding-top: 5px;
    padding-bottom: 5px;
}
nav div#buttons 
{
    float: left;
    font-family: Arial , Helvetica;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    width: 546px;
    height: 35px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #ccc;
    -moz-border-radius:0px 0px 14px 14px;
    -webkit-border-radius:0px 0px 14px 14px;
    border-radius:0px 0px 14px 14px;
    background: -moz-linear-gradient(top, #efefef, #fff);
    background: -webkit-gradient(linear, center top, center bottom, from(#efefef), to(#fff));
    background: -o-linear-gradient(top, #efefef, #fff);
    background: linear-gradient(top, #efefef, #fff);
}
nav div#buttons a
{
    width: 91px;
    height: 35px;
    float: left;
    line-height: 35px;
    text-align: center;
    color: #5b5b67;
    text-decoration: none;
}
nav div#buttons a:hover
{
    border-top: 2px solid #000;
    height: 33px;
    line-height: 31px;
    color: #000;
}

/* Main Body Wrapper */
section#wrapper 
{
    width: 935px;
    margin: auto;
    padding: 10px;
}

/* Left column */

#main_left_content
{
    float: left;
    height: auto;
}
#main_left_content img 
{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
}
section#wrapper a#styrkja 
{
    height: 120px;
    display: block;
    padding: 10px;
    width: 140px;
    color: #353535;
    font-size: 13px;
    border: 1px solid #ccc;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    background: -moz-linear-gradient(top, #ff9c00, #ff7200);
    background: -webkit-gradient(linear, center top, center bottom, from(#ff9c00), to(#ff7200));
    background: -o-linear-gradient(top, #ff9c00, #ff7200);
    background: linear-gradient(top, #ff9c00, #ff7200);
}
section#wrapper a#styrkja:hover 
{
    text-decoration: none;
    -moz-box-shadow:0px 0px 5px #ff9c00;
    -webkit-box-shadow:0px 0px 5px #ff9c00;
    box-shadow:0px 0px 5px #ff9c00;
}
section#wrapper a#styrkja h2 
{
    padding: 0;
    margin: 0;
}
section#wrapper a#facebook
{
    height: 78px;
    border: 1px solid #ccc;
    margin-top: 10px;
    display: block;
    padding: 10px;
    padding-left: 50px;
    width: 100px;
    color: #fff;
    font-size: 13px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    background: url('images/facebook_button.png');
}
section#wrapper a#facebook h2 
{
    font-size: 12px;
    margin: 0;
    padding: 0;
}
section#wrapper a#facebook:hover 
{
    text-decoration: none;
    -moz-box-shadow:0px 0px 5px #434f93;
    -webkit-box-shadow:0px 0px 5px #434f93;
    box-shadow:0px 0px 5px #434f93;
}
section#wrapper a#postlisti 
{
    height: 50px;
    border: 1px solid #ccc;
    margin-top: 10px;
    display: block;
    width: 160px;
    color: #fff;
    font-size: 13px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    background: -moz-linear-gradient(top, #f9f9f9, #ccc);
    background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#ccc));
    background: -o-linear-gradient(top, #f9f9f9, #ccc);
    background: linear-gradient(top, #f9f9f9, #ccc);
}
section#wrapper a#postlisti:hover  
{
    text-decoration: none;
    -moz-box-shadow:0px 0px 5px #ccc;
    -webkit-box-shadow:0px 0px 5px #ccc;
    box-shadow:0px 0px 5px #ccc;
}
section#wrapper a#postlisti h1 
{
    color: #000;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
img.ad
{
    max-width: 160px;
    height: auto;
}

/* Styles for site main content */
#main_center_content 
{
    float: left;
    width: 601px;
}

/* Tveir mismunandi stílar fyrir main content. Einn er bara wrapper, mjög basic. Hinn er flottari. */
#main_content
{
    width: 751px;
    padding: 5px;
    border: 1px solid #ccc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background: -moz-linear-gradient(top, #fff, #f8f8f8);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f8f8f8));
    background: -o-linear-gradient(top, #fff, #f8f8f8);
    background: linear-gradient(top, #fff, #f8f8f8);
}
#main_content_wrapper, #main_content
{
    float: left;
    margin: 0;
    margin-bottom: 10px;
}
#main_content_wrapper, #main_content img 
{
    float: left;
}
#main_content h1, #main_content_wrapper h1 
{
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    color: #4a4a4a;
    font-size: 16px;
    padding: 0;
}
#main_content_wrapper h1
{
    margin-bottom: 15px;
}

/* Greinar á forsíðu og á öðrum síðum */
article.head, article.single
{
    padding: 10px;
    border: 1px solid #ccc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background: -moz-linear-gradient(top, #fff, #f8f8f8);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f8f8f8));
    background: -o-linear-gradient(top, #fff, #f8f8f8);
    background: linear-gradient(top, #fff, #f8f8f8);
}
article.head 
{
    width: 569px;
    margin-bottom: 5px;
    
}
article.single 
{
    width: 271px;
    height: 150px;
    overflow: hidden;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}
article h1 
{
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    color: #4a4a4a;
    font-size: 16px;
    padding: 0;
}
article h1 a:active, article h1 a:visited, article h1 a:link
{
    color: #4a4a4a;
    display: block;
    width: inherit;
    height: inherit;
    text-decoration: none;
}

article h1 a:hover
{
    color: #000;
    text-decoration: none;
}
article h1:hover
{
    color: #000;
    border-bottom: 1px solid #000;
}
article p 
{
    margin: 0;
    color: #4a4a4a;
}
article a:link, article a:visited, article a:active
{
    color: #6a6a6a;
    text-decoration: underline;
}
article a:hover
{
    color: #000;
}
article.single img, article.head img
{
    max-width: 75px;
    height: auto;
}
span.left, span.right
{
    color: #a9a9a9;
    padding-top: 3px;
    margin-bottom: 5px;
}
img.imgInTextLeft
{
    float: left;
    margin-right: 5px;
}
img.imgInTextRight
{
    float: right;
    margin-left: 5px;
}
img#imgInFPNews
{
    max-width: 75px;    
}
img#imgInFullNews
{
    max-width: 200px;
    height: auto;
}
article#full_article p
{
    line-height: 1.5;
}
img.print 
{
    width: 20px; 
    height: auto; 
    margin-top: -7px; 
    padding-right: 5px;
}
img.print:hover
{
    opacity: 0.5;
}
#main_content_wrapper article h1
{
    margin-bottom: 0;
}
#main_content article
{
    margin-bottom: 10px;
}

/* Frontpage right column */
#main_right_content 
{
    float: right;
    width: 162px;
}
#main_right_content img 
{
    padding-top: 5px;
    padding-bottom: 5px;
}
#main_content_wrapper article.single 
{
    width: 354px;
    float: left;
    height: 220px;
    margin-left: 5px;
    margin-right: 0;
}
#main_content_wrapper 
{
    width: 762px;
}
#main_right_content div#events
{
    padding: 5px;
    width: 150px;
    margin: 0;
    background: #000;
    border: 1px solid #ccc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background: -moz-linear-gradient(top, #fff, #f8f8f8);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f8f8f8));
    background: -o-linear-gradient(top, #fff, #f8f8f8);
    background: linear-gradient(top, #fff, #f8f8f8);
}
#main_right_content div#events h2 
{
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    color: #4a4a4a;
    font-size: 12px;
    padding: 0;
}
#main_right_content div#events ul 
{
    list-style: square;
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#main_right_content div#events ul li.date 
{
    list-style-type: none;
    margin-left: -20px;
    color: #a9a9a9;
}
#main_right_content a 
{
    color: #000;
}
footer 
{
    width: 100%;
    height: 100px;
    border-top: 1px solid #ccc;
    background: -moz-linear-gradient(top, #efefef, #fff);
    background: -webkit-gradient(linear, center top, center bottom, from(#efefef), to(#fff));
    background: -o-linear-gradient(top, #efefef, #fff);
    background: linear-gradient(top, #efefef, #fff);
}
footer div#footer 
{
    width: 935px;
    padding: 5px;
    color: #4a4a4a;
    margin: auto;
}
footer h4 
{
    padding: 0;
    margin: 0;
}
footer ul 
{
    padding: 5px;
    margin: 0;
    list-style: none;
}
article img.imgLeft 
{
    float: left;
    margin-right: 5px;
}
article img.imgRight 
{
    float: right;
    margin-left: 5px;
}
table#events, table#events
{
    width: 500px;
    text-align: left;
}
table#events a:link, table#events a:visited, table#events a:active 
{
    color: inherit;
    display: block;
    width: 100%;
}
table#events td
{
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
}
table#events td a:hover
{
    text-decoration: none;
}
table#events tr:hover a
{
    color: #000;
    opacity:0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    /*-ms-filter must come before filter*/
    filter: alpha(opacity=40);
    background: #fff;
    
}
div.search 
{
    padding: 10px;
}
div.search h2 
{
    font-size: 14px;
}
/* Stillingar fyrir forms og fieldset. Mest notað á innrenti */
form fieldset
{
    margin-bottom: 10px;
    border: 1px solid #ccc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background: -moz-linear-gradient(top, #fff, #f8f8f8);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f8f8f8));
    background: -o-linear-gradient(top, #fff, #f8f8f8);
    background: linear-gradient(top, #fff, #f8f8f8);
}
form legend 
{
    padding: 0 2px;
    font-weight: bold;
    color: #4a4a4a;
    font-size: 16px;
}
form label 
{
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
form fieldset ol 
{
    margin: 0;
    padding: 0;
}
form fieldset li 
{
    list-style: none;
    padding: 5px;
    margin: 0;
}
form fieldset fieldset 
{
    border: none;
    margin: 3px 0 0;
}
form fieldset fieldset legend 
{
    padding: 0 0 5px;
    font-weight: normal;
}
form fieldset fieldset label 
{
    display: block;
    width: auto;
}
form em 
{
    font-weight: bold;
    font-style: normal;
    color: #f00;
}
form label 
{
    width: 120px; 
    font-weight: bold;
}
form input
{
    width: 250px;
}
form textarea
{
    width: 300px;
    max-width: 600px;
    min-height: 100px;
}
form fieldset fieldset label 
{
  margin-left: 123px; 
}
#RememberMe
{
    width: 15px;
}
input.button
{
    width: auto;
    padding: 2px 5px 2px 5px;
}

/* Stílar fyrir pagination script */
div#Pagination
{
    text-align: center;
}
div#Pagination a
{
    padding: 1px;
}
div#Pagination span
{
    padding: 2px;
}
div#Pagination span.current
{
    font-weight: bold;
}
div#Pagination span.current.next, div#Pagination span.current.prev
{
    font-weight: normal;
}

/*   datetimepicker */
.ui-timepicker-div .ui-widget-header
{ 
    margin-bottom: 8px; 
}
.ui-timepicker-div dl
{ 
    text-align: left; 
}
.ui-timepicker-div dl dt
{ 
    height: 25px; 
}
.ui-timepicker-div dl dd 
{
    margin: -25px 0 10px 65px; 
}
.ui-timepicker-div td  
{
    font-size: 90%; 
}

/* Spes properties fyrir aðrar stakar síður */
img.contactIcons
{
    width: 15px;
    height: auto;
    padding-right: 5px;
    margin-top: -10px;
}
img.contactIcons:hover
{
    opacity: 0.5;
}
ol#svor
{
    padding-left: 25px;
}
div.contactIconsWrapper 
{
    width: 40px;
    padding-top: 5px;
    float: right;
}
img.user_image 
{
    max-width: 100px;
    height: auto;
    margin-right: 5px;
}
div.user_info_wrapper
{
    float: left;
    width: 313px;
    height: 220px;
    border: 1px solid #ccc;
    margin: 0 20px 20px 20px;
    background: #fff;
    padding: 10px;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
    
}
div.user_info_wrapper h3 
{
    margin: 0 0 5px 0;
    width: 100%;
    border-bottom: 1px solid #4a4a4a;
    color: #4a4a4a;
}
div.user_info_wrapper h3 a:link, div.user_info_wrapper h3 a:visited, div.user_info_wrapper h3 a:active
{
    text-decoration: none;
    color: #4a4a4a;
    width: 100%;
    display: block;
}
div.user_info_wrapper h3 a:hover
{
    text-decoration: none;
}
div.user_info_wrapper h3:hover
{
    border-bottom: 1px solid #000;
}

/* Klasar notaðir til að gefa hinum ýmsu attributes sérstök properties og til að hreinsa til */
div.clear 
{
    clear: both;
}
.left 
{
    float: left;
}
.right 
{
    float: right;
}